<template>
  <div class="step">
    <h1>黑桃 A </h1>
    <h2>当前状态：{{ status ? "未出" : "已出" }}</h2>
    <button @click="changeStatus">改变状态</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      status: true,
    };
  },
  methods: {
    changeStatus() {
      this.status = !this.status;
    },
  },
};
</script>

<style>
</style>